
<script setup lang="ts">
/**
 * useOverlay
 */
/**
 * useOverlay
 */
</script>

<template>
  <div>
    <div class="text-tikeyc bg-tikeyc text-brand-dark">tailwindcss</div>
    <!-- 
      1:app.config.ts
      export default defineAppConfig({
        ui: {
          colors: {
            custom: 'red',
            myCustom: 'orange'
          }
        }
      })
      2：nuxt.config.ts 
      export default defineNuxtConfig({
        ui: {
          theme: {
            colors: ['primary', 'secondary', 'success', 'info', 'warning', 'error', 'custom']
          }
        }
      })
    -->
    <div class="text-custom bg-custom-100">nuxt-ui-config</div>
    <div class="text-myCustom bg-myCustom-100">nuxt-ui-config</div>
    <div class="text-primary">tailwindcss</div>
  </div>
</template>

<style scoped>

</style>